/deep/ .menu-item-wrap {
    // 折叠菜单样式
    .el-submenu__title, .menu-item {
        display: flex;
        align-items: flex-start;

        &:hover {
            i, span {
                color: #fff;
            }
        }

        i {
            width: 14px;
        }

        i, span {
            transition: color, transform .3s ease-in-out;
        }
    }

    // 折叠菜单打开时样式
    .is-opened {
        background-color: #000c17;

        .el-submenu__title {
            i, span {
                color: #fff;
            }
        }
    }

    // 点击菜单样式
    .menu-item {
        span {
            margin-left: 0!important;
        }

        &.is-active {
            background-color: #1890ff !important;

            i, span {
                color: #fff !important;
            }
        }
    }

    // 折叠菜单，点击菜单通用样式
    .el-submenu__title, .menu-item {
        height: 40px;
        line-height: 40px;

        span {
            font-size: 14px;
            color: #a6aaae;
            margin-left: 17px;
        }
    }
}

.el-menu {
    border-right: 0;
    background-color: #001529;
}

/* 折叠后子项的宽度 */
/deep/ .el-menu--collapse {
    .menu-item-wrap {
        width: 64px;
    }
}

/deep/ .el-menu--collapse > div > li span {
    display: none !important;
}

/deep/ .el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    display: none;
}

/deep/ .el-menu--inline {
    background-color: #000c17 !important;
}

/deep/ .el-menu-item {
    height: 40px;
    line-height: 40px;
    transition: all .3s ease-in-out;

    &.menu-collapse {
        height: auto;
        padding-top: 27px;
        padding-bottom: 27px;

        &.is-active {
            background-color: #001529 !important;
        }
    }

    &.logo-item {
        padding: 27px 35px 27px 26px !important;
    }
}


.logo-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    p {
        width: 100%;
        white-space: normal;
        font-size: 18px;
        color: #fff;
        text-align: left;
        line-height: 38px;
    }

    img {
        display: block;
        width: 100%;
        height: 55px;
    }
}
